﻿@charset "utf-8";


/* btn-icon 按钮图标 */
.btn-icon-add{ float: left; width: 16px; height: 16px; margin: 1px 5px 0 0; background: url(../../images/icon/icon_operate.png) no-repeat -42px -2px}

/* 全局小图标 */
.ui-icon{background-image: url(../../images/icon/ui_icon.png); background-repeat: no-repeat; background-position: 4999px 4999px; display: inline-block;
vertical-align: middle;}
.icon-add1{float: left; width: 16px; height: 16px; line-height: 16px; background-position: 0 0; margin: 2px 5px 0 0;}
.ui-icon-circle{float: left; width: 18px; height: 18px; background-position: 0 -17px; margin: 1px 5px 0 0; text-align: center;}
.ui-icon-slide-up{width: 9px; height: 5px; background-position: -16px 0; margin-right: 3px;}
.ui-icon-slide-down{width: 9px; height: 5px; background-position: -25px 0; margin-right: 3px;}



/* 加减数 */
.count-box{ position: relative;}
.count{ position: absolute; right: 0; top: 1px; width: 24px; height: 28px}
.count-up{ display: block; padding: 0 8px 4px; width: 0; height: 10px; cursor: pointer;}
.count-down{ display: block; padding: 4px 8px 0; width: 0; height: 10px; cursor: pointer;}
.count i{ display: block; width: 0; border: 4px solid #fff; border-width: 5px 4px; border-bottom-color: #656565}
.count-down i{ border-bottom-color: #fff; border-top-color: #656565}


/* tips */
.tips-wrap{ position: relative; width: 100%;}
.tips-arrow{ position: relative; left: -4px; margin-left:50%; display: block; width: 0; border:4px solid #fff; border-width:5px 4px; border-bottom-color: #ff7713;}
.tips-con{ box-sizing:border-box; width: 100%; padding: 10px 10px 0; border: 1px solid #ff7713; border-radius: 4px; background-color: #fff;}
.tips-list{ position: relative; margin-left: 60px; max-height: 140px; overflow: auto}
.tips-list .checkbox{ float: left; margin-right: 40px; margin-bottom: 10px}
.tips-list .checkbox:last-child{ margin-right: 0;}


/* grid */
.grid-header { height: 30px; padding-bottom: 4px; position: relative }
.grid-table{ border: 1px solid #e6e6e6; border-bottom: 0;}
.grid-table td{ padding-left: 10px; }
.grid-table tr:hover td{ background-color: #f2f2f2;}
.grid-cell{ border-bottom: 1px solid #e6e6e6}
.tree-node{ padding-left: 18px;}
.tree-node-collapse{ background: url(../../images/icon/icon_plus.png) no-repeat 0 3px; cursor: pointer;}
.tree-node-expand{ background: url(../../images/icon/icon_minus.png) no-repeat 0 3px; cursor: pointer;}
.tree-node-first{ padding-left: 30px;}

.grid-operate{ float: right; padding:10px 30px 10px 0;}
.grid-operate a{ float: left; width: 20px; height: 20px; margin-left: 30px;}
.grid-operate i, .icon-op{ display: inline-block; width: 20px; height: 20px; text-indent: -9999; background: url(../../images/icon/icon_operate.png) no-repeat}
i.icon-op-add{ background-position: 0 0;}
i.icon-op-link{ background-position: 0 -20px;}
i.icon-op-edit{ background-position: 0 -40px;}
i.icon-op-del{ background-position: 0 -60px;}
i.icon-op-down{ background-position: 0 -80px;}
i.icon-op-up{ background-position: 0 -100px;}
i.icon-op-unlink{ background-position: 0 -120px;}
i.icon-op-stop{ background-position: 0 -140px;}
i.icon-op-star{ background-position: 0 -240px;}
i.icon-op-restore{ background-position: 0 -160px;}
i.icon-op-check{ background-position: -20px -180px;}
i.icon-op-more{background-position: 0 -196px;}
i.icon-op-set{background-position: 0 -220px;}
i.circle-arrow-right{background-position: 0 -262px;}
i.circle-arrow-left{background-position: 0 -285px;}
i.arrow-move{background-position: 0 -310px;}

a:hover i.icon-op-add{ background-position: -20px 0;}
a:hover i.icon-op-link{ background-position: -20px -20px;}
a:hover i.icon-op-edit{ background-position: -20px -40px;}
a:hover i.icon-op-del{ background-position: -20px -60px;}
a:hover i.icon-op-down{ background-position: -20px -80px;}
a:hover i.icon-op-up{ background-position: -20px -100px;}
a:hover i.icon-op-unlink{ background-position: -20px -120px;}
a:hover i.icon-op-stop{ background-position: -20px -140px;}
a:hover i.icon-op-star{ background-position: -20px -240px;}
a:hover i.icon-op-restore{ background-position: -20px -160px;}
a:hover i.icon-op-more{background-position: -20px -196px;}
a:hover i.icon-op-set, i.icon-op-seton{background-position: -20px -220px;}
a:hover i.circle-arrow-right{background-position: -21px -262px;}
a:hover i.circle-arrow-left{background-position: -21px -285px;}
a:hover i.arrow-move{background-position: -21px -310px;}

i.icon-op-edit-w{ background-position: -40px -40px;}
i.icon-op-del-w{ background-position: -40px -60px;}
i.icon-op-set-w{ background-position: -40px -220px;}

.icon-datainit{display: inline-block;vertical-align: middle;width: 13px;height: 13px;background: url(../../images/icon/datainit_icon1.png) no-repeat center center;margin-right: 5px;}
i.group-init-icon{background-position: 0 0;}
i.company-init-icon{background-position: 0 -13px;}
.icon-datainit-tip{display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: url(../../images/icon/datainit_icon2.png) no-repeat center center;margin-right: 10px;}
i.success-init-icon{background-position: 0 -16px;}
i.error-init-icon{background-position: 0 0;}
i.tip-init-icon{background-position: 0 -32px;}
.data_loading{display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: url(../../images/icon/data_loading.gif) no-repeat center center;margin-right: 10px; }
.icon_ud{display: inline-block;vertical-align: middle;width: 16px;height: 9px;background: url(../../images/icon/icon_up.png?v=201511271816) no-repeat center center;}
i.icon_down1{background-position: 0 -17px;}
i.icon_up1{background-position: 0 -26px;}

/* templet set 模板设置 */
.templet-set-pic li{ float: left; width: 179px; height: 400px; margin:0 50px 20px 0;}
.templet-set-pic img{ width: 149px; height: 263px;}
.templet-set-pic a{ display: block; width: 149px; height: 263px; padding: 59px 14px 57px 16px; margin-bottom: 8px; background: url(../../images/style/templet_bg.png) no-repeat;}
.templet-set-pic a:hover{ background-position: -179px 0;}
.templet-set-pic a:hover, .templet-set-pic a.selected{ background-position: -179px 0;}

/* border-wrap */
.border-wrap{ border: 1px solid #d9d9d9; padding: 10px 15px}
.border{ border: 1px solid #d9d9d9;}
.grid-header-left-line:before {position: absolute;top: 8px;left: 0;display: block;width: 4px;height: 15px;background: #ff7713;content: '';}

/* upload */
.upload-wrap{ float: left; position: relative; width: 136px; height: 68px; margin:6px 6px 0 0;}
.upload-btn{ height: 66px; border: 1px dashed #ccc; background-color: #f7f7f7; cursor: pointer;}
.upload-btn i{ display: block; width: 31px; height: 31px; margin: 18px 0 0 52px; background: url(../../images/icon/icon_add.png) no-repeat;}
.upload-wrap img{ position: absolute; left: 0; top: 0; width: 136px; height: 68px;}
.upload-process{position:absolute;width: 136px; height:68px;line-height:68px;color:#fff;font-size:13px;left:0;top:0;background-color:#000;opacity: 0.5;filter:alpha(opacity=80);text-align:center;}

/* 左侧内容列表 */
.left-list{ position: relative; float: left; width: 270px; height: 450px; min-height: 450px; overflow-y: auto;}
.left-list-bd{ position: absolute; top:0; right:0; height:100%; width: 0; border-right: 1px solid #d9d9d9;}
.left-list ul{ position: relative; z-index: 2;}
.left-list li{ cursor: pointer;}
.left-list li:hover, .left-list li.selected{ background: #fff8ee url(../../images/icon/arrow_left_list.png) no-repeat right top !important;}
.left-list-text{ float: left; width: 150px; padding-left: 15px; line-height: 32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.left-list-op{ padding:6px 8px 6px 0; line-height: 20px; height: 20px}
.left-list-op a{ float: left; margin:0px 6px 0 0; }
.left-list-con{ float: left; position: relative; width: 727px; padding: 8px 14px 14px 17px;}
/* 覆盖树控件样式 */
.left-list .jqtree-tree .jqtree_common{ line-height:32px; border-bottom:0}
.left-list .jqtree-tree .jqtree-title{vertical-align: baseline; margin-left:15px;}
.left-list .jqtree-tree li.jqtree-selected > .jqtree-element, .left-list .jqtree-tree li.jqtree-selected > .jqtree-element:hover{ background: #fff8ee url(../../images/icon/arrow_left_list.png) no-repeat right top;}
.top_list{border-bottom: 1px solid #d9d9d9;}

/* angular 设置，防止动态载入时发生闪动 */
.ng-hide { display: none !important; }
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {display: none !important;}
/*tab1*/
.tab1{ position: relative; height: 75px;}
.tab1 ul{ position: absolute; left: 80px; top:-3px; z-index: 2}
.tab1 li{ float: left;position: relative;}
.tab1 a{ display: block; height: 38px; padding: 0 25px; line-height: 28px; color: #333}
.tab1 li:hover a, .tab1 .tab-on a{ color: #ff7713}
.tab1 li:hover a,.tab1 .tab-on a{background: url(../../images/icon/arrow_tab1_li.png) no-repeat bottom center;  position: relative; }
.tab1 table{position: absolute; width: 1010px;left: -305px;border: 1px solid #ff7713;}
.add-org{position: relative;float: right; z-index: 10;}
.ico-more{position: relative;float: right;}
.ico-more:hover .top-userinfo-menu{display: block;}
.ico-more .top-userinfo-menu{width: 68px; top:15px;}
.ico-more .top-userinfo-menu-list{width: 60px;}
.ico-more .top-userinfo-menu-list a:hover,.add-org .top-userinfo-menu-list a:hover{color: #ffa10f;background-color: #fff;}
.add-org:hover .top-userinfo-menu{display: block;}
.add-org .top-userinfo-menu-list,.add-org .top-userinfo-menu{width: 76px;}
.step-num{margin: 10px 0px;height: 60px;}
.step-num a{background-color: #b2b2b2; border:3px solid #dcdcdc; width: 30px; height: 30px; border-radius : 30px; float: left; text-align: center;line-height: 29px;  margin: 0 5px;}
.step-num .checked{background-color: #ff7713;}
.num-fav{float: left; height: 60px; width: 72px;margin-right:70px;position: absolute;z-index: 99999;}
.num-fav a{color: #fff;}

/*dialog reset*/
.ui-popup-focus .ui-dialog,.ui-popup-show .ui-dialog,.ui-popup-modal .ui-dialog{box-shadow: none !important;}

/*side*/
.side-company-name a{ color: #333;}
.side-company-name a:hover{ color: #ff7713;}
/*plugins_css*/
.jqtree_common{font-size: 12px;color: #333 !important;}
.ui-dialog-footer button{border-radius: 2px !important;margin-right: 2px !important;}
.ui-dialog{border-radius: 0px !important;}
.tab_loading{ height: 50px;padding-top: 60px;margin: 70px auto 0;color: #b2b2b2;background: url(../../images/icon/loading.gif) no-repeat center top;font-size: 14px;text-align: center;}
.icon-lock { display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../../images/icon/lock.png) no-repeat center center; margin-right: 5px; }
.icon-org { display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../../images/icon/icon_org.png) no-repeat center center; margin-right: 5px; }
.icon-org-part { background-position: 0 0; }
.icon-org-company { background-position: 0 -20px; }
.icon-org-team { background-position: 0 -40px; }
.star5, .star45, .star4, .star35, .star3{background:  url(../../images/pic/app_store/star1.png) repeat;  margin: 10px 0 10px 20px;position: absolute;top: 0;left: 0;height: 17px; }
.star{background: url(../../images/pic/app_store/star2.png) repeat;  margin: 10px 0 10px 20px;width: 96px;height: 17px;position: absolute;top: 0;left: 0;}
.star5{width: 95px;}
.star45{width: 86px;}
.star4{width: 75px;}
.star35{width: 67px;}
.star3{width: 56px;}
/*我的应用*/
.app_icon1{ display: inline-block; width: 60px; height: 60px; text-indent: -9999; background: url(../../images/icon/app_icon1.png?v=201512221616) no-repeat;margin-top: 7px;}
i.zsslc{ background-position: 0 0;}
i.qmyx{background-position: -60px 0;}
i.ydxs{ background-position: -120px 0;}
i.o2oyy{ background-position: -180px 0;}
i.wlsold,i.wls{ background-position: -60px -60px;}
i.qdgj{background-position: -60px -120px;}
i.ms{background-position: -180px -60px;}
i.rclc{background-position: 0 -120px;}
i.wcb{background-position: 0 -180px;}
i.xmf{background-position: -60px -180px;}
.app_icon2{ display: inline-block; width: 85px; height: 85px; text-indent: -9999; background: url(../../images/icon/app_icon2.png?v=201511181150) no-repeat;}
i.big_zxb{ background-position: 0 0;}
i.big_tkb{ background-position: -85px 0;}
i.big_gkb{ background-position: -0 -85px;}
i.big_hdb,i.big_o2oyy{ background-position: -85px -85px;}
i.big_dzf{ background-position: -0 -170px;}
i.big_dxb{ background-position: -85px -170px;}
i.big_qdgj{ background-position: -85px -255px;}
i.big_wlsold{ background-position: 0 -255px;}
i.big_wcb{background-position: 0 -340px;}
i.icon-up, i.icon-down{background-position: 0 0; background: url(../../images/icon/icon_up.png) no-repeat;width: 11px;height: 6px;}
i.icon-down{background-position: 0 -6px !important;height: 11px !important;}
i.add_icon{background-position: 0 0; background: url(../../images/icon/add_icon.png) no-repeat;width: 32px;height: 32px; display: inline-block;text-indent: -9999;}
.freshen{ display: inline-block; width: 13px; height: 10px;margin-top: 5px; text-indent: -9999; background: url(../../images/icon/freshen.png) no-repeat}
.wizard .step{border-radius: 15px; padding: 1px 7px; background: #fff; z-index: 2; position: relative; border: 2px solid #ff7713; color: #ff7713; margin-right: 5px;}
.wizard li {padding: 20px 10px;}
.wizard-line { position: absolute; height: 102px; border-left: 2px solid #ff7713; top: 38px; left: 22px;}
.report-icon-help {float: left;width: 16px;height: 16px;margin: 4px 0 0 7px;background: url('http://img.myscrmimg.cn/projects/qmyx/public/images/icon/icon_hint.png') 0 -20px no-repeat;cursor: pointer;}
.uncompleted{position:absolute;background: url(../../../public/images/icon/uncompleted.png) no-repeat;width: 50px;height: 50px;background-size: 100% 100%;top: -15px;left: 0;}
.completed{position:absolute;background: url(../../../public/images/icon/complete.png) no-repeat;width: 50px;height: 50px;background-size: 100% 100%;top: -15px;left: 0;}
.clock_icon{background: url(../../../public/images/icon/clock.png);width: 20px;height: 20px;display: inline-block;}
.location_icon{background: url(../../../public/images/icon/location.png);width: 20px;height: 20px;display: inline-block;}

/*****图标字体*****/

@font-face {
    font-family: "iconfont";
    src: url('http://img-dev.myscrmimg.cn/projects/qmyx/public/css/common/iconfont/iconfont.eot'); /* IE9*/
    src: url('http://img-dev.myscrmimg.cn/projects/qmyx/public/css/common/iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('http://img-dev.myscrmimg.cn/projects/qmyx/public/css/common/iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('http://img-dev.myscrmimg.cn/projects/qmyx/public/css/common/iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('http://img-dev.myscrmimg.cn/projects/qmyx/public/css/common/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */}
.iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal;-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.icon-5020:before, .icon-miaoshahuodong:before { content: "\e600"; }
.icon-5030:before, .icon-yuncallke:before { content: "\e601"; }
.icon-zhangshangshoulouchu:before { content: "\e602"; }
.icon-duanxinbao:before { content: "\e603"; }
.icon-guaguale:before { content: "\e604"; }
.icon-disanfangqudao:before { content: "\e605"; }
.icon-qudaoguanjia:before { content: "\e606"; }
.icon-hudongchuanbo:before { content: "\e607"; }
.icon-5002:before, .icon-yidongxiaoshou:before { content: "\e608"; }
.icon-5001:before, .icon-5009:before, .icon-weiloushu:before { content: "\e609"; }
.icon-daizhifu:before { content: "\e60a"; }
.icon-5021:before, .icon-renchoulicai:before { content: "\e60b"; }
.icon-5008:before, .icon-xiaomifeng:before { content: "\e60c"; }
.icon-5003:before, .icon-quanminyingxiao:before { content: "\e60d"; }
.buy_app_parent em{ background: none; display: block; border-radius: 50%;text-align: center; line-height: 85px;}
.buy_app_parent .app_icon2 i{ display: inline-block; color: #fff; font-size: 85px;}
.buy_app_parent .big_zxb{background: #f8693d;}
.buy_app_parent .big_zxb i:before { content: "\e602";}
.buy_app_parent .big_5002, .buy_app_parent .big_gkb{ background: #35b7fb;}
.buy_app_parent .big_5002 i:before, .buy_app_parent .big_gkb i:before{ content: "\e608";}
.buy_app_parent .big_tkb,.buy_app_parent .big_qdgj{ background: #9f77cf;}
.buy_app_parent .big_tkb i:before,.buy_app_parent .big_qdgj i:before { content: "\e606";}
.buy_app_parent .big_5001,.buy_app_parent .big_5009{ background: #f1648f;}
.buy_app_parent .big_5001 i:before, .buy_app_parent .big_5009 i:before { content: "\e609";}
.buy_app_parent .big_5030{ background: #39d2d8;}
.buy_app_parent .big_5030 i:before { content: "\e601";}
.buy_app_parent .big_o2oyy{ background: #b092e6;}
.buy_app_parent .big_o2oyy i:before { content: "\e605";}
.buy_app_parent .big_dzf{ background: #49c8b2;}
.buy_app_parent .big_dzf i:before { content: "\e60a";}
.buy_app_parent .big_dxb{ background: #27deee;}
.buy_app_parent .big_dxb i:before { content: "\e603";}
.buy_app_parent .big_hdb{ background: #df78d7;}
.buy_app_parent .big_hdb i:before { content: "\e607";}
.buy_app_parent .big_hdb{ background: #df78d7;}
.buy_app_parent .big_5008 i:before { content: "\e60c";}
.buy_app_parent .big_5008{ background: #ffbd2e;}
.buy_app_parent .big_5021 i:before { content: "\e60b";}
.buy_app_parent .big_5021{ background: #f95c5c;}
.buy_app_parent .big_5003 i:before { content: "\e60d";}
.buy_app_parent .big_5003{ background: #ff8f33;}
.buy_app_parent .big_5003 i{font-size: 40px;}
.buy_app_parent .big_5020 i:before { content: "\e600";}
.buy_app_parent .big_5020{ background: #fb637c;}

.icon-bg-5020{background-color: #ff6f56;}
.icon-bg-5002{background-color: #45a5f7;}
.icon-bg-5030{background-color: #39d2d8;}
.icon-bg-5001, .icon-bg-5009{background-color: #f1648f;}
.icon-bg-5008{background-color: #ffbd2e;}
.icon-bg-5021{background-color: #f95c5c;}
.icon-bg-5003{background-color: #ff8f33;}








